深入探索JavaScript中Array数组对象的基本操作与应用

篇首语：本文由编程笔记#小编为大家整理，主要介绍了Javascript 学习-3.Array数组对象基本操作相关的知识，希望对你有一定的参考价值。

Javascript 中Array 数组的一些基本操作方法

可以直接使用中括号定义一个数组, 数组里面的成员可以是任意类型

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 22.2, [1, 2,3 ]];
console.log(x);


定义一个空数组&＃xff0c;可以用[]

var x &＃61; [];
console.log(x); // []


也可以使用new Array() 来创建一个数组对象

var a &＃61; new Array();
console.log(a);


那么此时定义的是一个空数组

通过数组下标给数组添加成员

var a &＃61; new Array();
console.log(a); // []
a[0] &＃61; &＃39;hello&＃39;;
a[1] &＃61; &＃39;world&＃39;;
a[2] &＃61; true;
console.log(a) // [&＃39;hello&＃39;, &＃39;world&＃39;, true]


可以直接在new Array() 对象的时候&＃xff0c;同时给数组添加成员

var a &＃61; new Array(&＃39;hello&＃39;, &＃39;world&＃39;, true, 22.2, [1, 2,3 ]);
console.log(a) // [&＃39;hello&＃39;, &＃39;world&＃39;, true, 22.2, Array(3)];


我们可以定义一个指定长度的数组对象

var cars&＃61;new Array(3);
console.log(cars);


那么这个数组是长度length属性是3&＃xff0c;每个成员都是empty(空).

数组通过下标取值&＃xff0c;从0开始

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
a &＃61; x[0]
b &＃61; x[1]
console.log(a) // hello
console.log(b) // world


在python中可以通过下标-1反着取倒数第一个值&＃xff0c;Javascript中没这种取值方法

当数组的下标不在它取值范围内&＃xff0c;如x有4个成员&＃xff0c;那么取值是0-3&＃xff0c;非0-3的数字下标取值&＃xff0c;得到结果是undefined

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
c &＃61; x[-1]
d &＃61; x[6]
console.log(c) // undefined
console.log(d) // undefined


当数组下标是一个非数字类型&＃xff0c;取值也是undefined

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
c &＃61; x[&＃39;hello&＃39;]
console.log(c) // undefined

给数组元素重新赋值

数组中的成员可以是任意数据类型&＃xff0c;数组中的成员是可变的&＃xff0c;可以重新赋值

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
x[0] &＃61; &＃39;yoyo&＃39;
x[3] &＃61; 12.22
console.log(x) // [&＃39;yoyo&＃39;, &＃39;world&＃39;, true, 12.22]


当下标不在x的成员取值0-3的数字&＃xff0c;比如我给下标4赋值

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
x[4] &＃61; &＃39;aa&＃39;
console.log(x) // [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12, &＃39;aa&＃39;]


那么此时会在数组后面追加一个元素

如果下标跳过4&＃xff0c;直接给个6呢&＃xff1f;

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
x[6] &＃61; &＃39;66&＃39;
console.log(x) // [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12, 空属性 × 2, &＃39;66&＃39;]


那么此时下标4和5的值会被赋值empty&＃xff0c;数组的长度会变成7

此时通过下标4和5取值都是undefined&＃xff0c;下标6取值是’66’

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
x[6] &＃61; &＃39;66&＃39;
console.log(x) // [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12, 空属性 × 2, &＃39;66&＃39;]
console.log(x[4]) // undefined
console.log(x[6]) // 66


如果下标不是一个数字&＃xff0c;是一个字符串&＃xff0c;那么此时并不会报错&＃xff0c;它会称为数组的一个属性&＃xff0c;因为数组是一个对象&＃xff0c;可以有属性

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
x[&＃39;user&＃39;] &＃61; &＃39;yoyo&＃39;
console.log(x) // [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12, user: &＃39;yoyo&＃39;]
console.log(x.length) // 4


添加属性不会改变数组的长度&＃xff0c;x的值依然是4

数组的属性可以取值

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12]
// 下标取值, 从0开始
x[&＃39;user&＃39;] &＃61; &＃39;yoyo&＃39;
console.log(x) // [&＃39;hello&＃39;, &＃39;world&＃39;, true, 12, user: &＃39;yoyo&＃39;]
console.log(x.user) // yoyo


给数组添加属性这种操作一般很少会用

.push方法可以给数组添加成员&＃xff0c;并返回当前数组的长度

var x &＃61; [];
x.push(&＃39;hello&＃39;)
x.push(&＃39;world&＃39;)
res &＃61; x.push(&＃39;aa&＃39;) // push 返回 length
console.log(res) // 3


unshift向数组的开头添加一个或更多元素&＃xff0c;并返回新的长度。

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;];
res &＃61; x.unshift(&＃39;aa&＃39;) // 往数组前面加新元素&＃xff0c;返回length
console.log(x) // [&＃39;aa&＃39;, &＃39;hello&＃39;, &＃39;world&＃39;]
console.log(res) // 3

Array 删除成员

pop() 是弹出数组中最后一个成员&＃xff0c;并返回该值

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, &＃39;aa&＃39;];
a &＃61; x.pop();
console.log(a) // aa
console.log(x) // [&＃39;hello&＃39;, &＃39;world&＃39;]


shift() 弹出数组中第一个成员&＃xff0c;并返回该值

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, &＃39;aa&＃39;];
a &＃61; x.shift();
console.log(a) // hello
console.log(x) // [&＃39;world&＃39;, &＃39;aa&＃39;]

length获取数组的长度

.length 属性获取数组的长度

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, &＃39;aa&＃39;];
console.log(x.length) // 3

isArray() 判断数组

判断一个对象是不是数组Array.isArray(obj)

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, &＃39;aa&＃39;];
console.log(Array.isArray(x)) // true

join 数组拼接成字符串

使用语法.join(&＃39;连接符&＃39;)

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, &＃39;aa&＃39;];
console.log(x.join(&＃39;_&＃39;)) // hello_world_aa

reverse() 反转数组

reverse() 反转数组

var x &＃61; [&＃39;hello&＃39;, &＃39;world&＃39;, &＃39;aa&＃39;];
console.log(x.reverse()) // [&＃39;aa&＃39;, &＃39;world&＃39;, &＃39;hello&＃39;]

数组方法

数组常用方法汇总